*,html{box-sizing:border-box;margin:0}body{background-color:#f0f2f5;font-family:Arial,sans-serif;margin:0}#app{display:flex;flex-direction:column;min-height:100vh}.page-content-view{margin:0 auto;padding-bottom:1rem;position:relative}.main-container{display:flex;flex:1;height:calc(100dvh - 60px);margin-top:60px;overflow-y:auto;padding:1rem}main{flex:1;margin-left:60px;padding:2rem;transition:margin-left .3s ease}main.sidebar-open{margin-left:240px}@media (max-width:768px){main{margin-left:0}main.sidebar-open{margin-left:240px}}.route-fade-enter-from[data-v-e6e87505],.route-fade-leave-to[data-v-e6e87505]{opacity:0}.route-fade-enter-active[data-v-e6e87505],.route-fade-leave-active[data-v-e6e87505]{transition:opacity .3s ease-out}.route-slide-enter-from[data-v-e6e87505],.route-slide-leave-to[data-v-e6e87505]{opacity:0;transform:translate(-100%)}.route-slide-enter-active[data-v-e6e87505],.route-slide-leave-active[data-v-e6e87505]{transition:.3s ease-out}